import { createStyles } from 'antd-style';

const useStyles = createStyles(({ token }) => {
  return {
    optional: {
      color: token.colorTextSecondary,
      fontStyle: 'normal',
    },
    edit_wrap: {
      display: 'flex',
      // justifyContent: 'space-between',
    },
    edit_wrap_left: {
      flex: '1',
      marginRight: '24px',
    },
    edit_wrap_right: {
      flex: '1',
    },
    icon_wrap: {
      'span.anticon': {
        marginLeft: '16px',
        color: token.colorTextSecondary,
        cursor: 'pointer',
        transition: 'color 0.32s',
        '&:hover': {
          color: token.colorText,
        },
      },
    }
  };
});

export default useStyles;
